<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="../static/css/bootstrap.min.css"  type="text/css" rel="stylesheet">
<link href="../static/css/jquery-ui.css"  type="text/css" rel="stylesheet">
<!--日历-->
<link  href="../static/css/jquery-ui-timepicker-addon.css"  rel="stylesheet">
<!--日历-->
<link href="../static/css/index.css" type="text/css" rel="stylesheet">
<title>通知--通知发布</title>

<!--datepicker 年月日   dtimepiece时分秒-->
</head>

<body>
<!--头部-->
<nav class="navbar navbar-default navbar-fixed-top  top" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header" style=" width:100%;"> <a class="navbar-brand" href="javascript:history.go(-1);"  style=" width:100%;  padding-right:0px;"> <span class="glyphicon glyphicon-arrow-left white"></span> 
      <!--    <span class="glyphicon glyphicon-pause white" style="margin-left:2%;"></span>--> 
      <span class="white" style="margin-left:10%">家长写信</span> <span class="glyphicon glyphicon-user white" style="float:right"></span> </a> </div>
  </div>
  <!-- /.container-fluid --> 
</nav>
<!--头部 end--> 
<!--主体部分-->
<div class="container" style="margin-top:70px;">
  <div class="row row_margin">
    <form class="form-horizontal" role="form" action="" method="post">
      <div class="form-group">
        <label for="" class="col-sm-2  control-label">文章标题：</label>
        <div class="col-sm-10">
          <div class="input-group" style=" width:100%;">
            <input  name="staff_name" id="staff_name"  type="text" class="form-control"  value="" style="width:95%">
            <input name="staff_id" id="staff_id" type="hidden" class="form-control" value="">
            <span class="input-group-addon appointments_name">
            <select class="form-control"  name="staff_id">
              <option value="">请选择标题格式</option>
            </select>
            </span> </div>
        </div>
      </div>
      <div class="form-group">
        <label for="" class="col-sm-2  control-label">发布部门：</label>
        <div class="col-sm-10 ">
          <select class="form-control" id="s1" onchange="a()">
            <option>校长</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>自定义</option>
          </select>
          
          <!-- <div class="row" style="margin-top:8px">
                           <div class="col-xs-8"><input id="new" placeholder="添加新的" class="form-control" >  </div>
                           <div  class="col-xs-4 "><span id="add"  class="btn btn-warning" >添加</span>	</div>
                          
                       </div>   --> 
          <!--  <input id="new" placeholder="添加新的" class="form-control" >  
                         <span id="add"  class="btn btn-warning">add</span>	
                      --> 
          
        </div>
      </div>
      
      <!--<div class="form-group">
    <div class="input-group">
      
      <input class="form-control" type="email" id="new" placeholder="添加新的" >
      <div class="input-group-addon">@</div>
    </div>
  </div>             
-->
      
      <div class="form-group">
        <label for="" class="col-sm-2  control-label">发布时间：</label>
        <div class="col-sm-10 ">
          <input type="text" id="datepicker" class="form-control "  >
        </div>
      </div>
      <div class="form-group">
        <label for="" class="col-sm-2  control-label">文章内容：</label>
        <div class="col-sm-10 ">
          <textarea id="category_content" name="category_content" rows="22" cols="80" style="width: 100%"></textarea>
        </div>
      </div>
    </form>
  </div>
  <!--row  end-->
  
  <div class="row row_margin" >
    <button type="button" class="btn btn-primary btn-lg btn-block btn-primary2">确定</button>
  </div>
</div>
<!--container  end--> 
<!--主体部分  end--> 
<!--底部-->

<div class="container" style="margin-top:25%;">
  <div class="row">
    <div class="footer navbar-fixed-bottom">
      <div class="col-xs-12" style=" height:15%"></div>
      <div class="col-md-4  col-xs-4 text-center" >
        <p class="glyphicon glyphicon-home white footer_font"></p>
        <p><a href="" class="white  footer_font2">首页</a></p>
      </div>
      <div class="col-md-4 col-xs-4 text-center white  ">
        <p class="glyphicon glyphicon-comment white  footer_font"></p>
        <p><a href=""  class="white  footer_font2">消息</a></p>
      </div>
      <div class="col-md-4 col-xs-4 text-center white" >
        <p class="glyphicon glyphicon-asterisk white footer_font"></p>
        <p ><a href=""  class="white  footer_font2">设置</a></p>
      </div>
    </div>
    <!--footer  end--> 
    
  </div>
  <!--row  end--> 
  
</div>
<!--container  end--> 

<!--底部end--> 

<!--编辑器--> 
<script src="../static/js/jquery.min.js" type="text/javascript"></script> 
<script src="../static/js/bootstrap.min.js"  type="text/javascript"></script> 
<script src="../static/js/jquery-ui.js"  type="text/javascript"></script><!--日历--> 
<script src="../static/js/jquery-ui-timepicker-addon.js"  type="text/javascript"></script><!--日历--> 
<script src="../static/js/jquery.ui.datepicker-zh-CN.js.js" type="text/javascript" charset="gb2312"></script><!--中文 日历--> 
<script src="../static/js/jquery-ui-timepicker-zh-CN.js" type="text/javascript"></script><!--中文 日历--> 
<script type="text/javascript" src="../static/xhe/xheditor-1.2.2.min.js"></script> 
<script type="text/javascript" src="../static/xhe/xheditor_lang/zh-cn.js"></script> 
<script type="text/javascript">
$(pageInit);
function pageInit()
{
	$.extend(XHEDITOR.settings,{shortcuts:{'ctrl+enter':submitForm}});//修改默认设置
	$('#category_content').xheditor({modalWidth:700,modalHeight:500,upBtnText:'浏览',upLinkUrl:"!ckfinder/upload.html",upImgUrl:"!ckfinder/upload.html?type=Images",upFlashUrl:"!ckfinder/upload.html?type=Flash",upMediaUrl:"!ckfinder/upload.html"});
}
function submitForm(){$('#myform').submit();}
</script> 
<!--日历--> 
<script>
  $(function() {
    $( "#datepicker" ).datepicker({
		
        changeMonth: true,
        changeYear: true
	  
    });
	
	$( "#datepicker2" ).datepicker({
		
        changeMonth: true,
        changeYear: true
	  
    });
  });
  </script> 
<script type="text/javascript">
        jQuery(function () {
            // 时间设置
            jQuery('#datepicker').datetimepicker({
                timeFormat: "HH:mm:ss",
                dateFormat: "yy-mm-dd"
            });


 jQuery('#datepicker2').datetimepicker({
                timeFormat: "HH:mm:ss",
                dateFormat: "yy-mm-dd"
            });




        });
		
		
		
    </script> 
<script type="text/javascript">
        $(document).ready(function(){
            $("#new").hide();
            $("#add").hide();
			
            $("#add").click(function(){
                $("#s1").append("<option>"+$("#new").val()+"</option>");
                $("#new").val('');
            });
        });
        function a()
        {
            var val = $("#s1").val();
            if (val == '自定义') {
                $("#new").show();
                $("#add").show();
            } else{
                //alert(val);
            };
        }
    </script>
</body>
</html>
